<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页—睿诚华智</title>
	<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/global.css">
</head>
<body>
	<!-- 导航栏开始 -->
	<nav style = "min-width:980px">
		<div class = "nav_firstLevel">
			<div class = "logo">
				<a href="javascript:;">
					<img src="images/logo.png">
				</a>
			</div>
			<div class = "nav_list">
				<div>
					<a href="#" class = "current">首页</a>
				</div>
				<div>
					<a href="vrDev.html" class = "pro_intr">产品介绍</a>
					<ul class="product_intro">
						<li>
							<a href="vrDev.html">VR开发者套件</a>
						</li>
						<li>
							<a href="vrCon.html">VR中控系统</a>
						</li>
					</ul>
				</div>
				<div>
					<a href="vr+.html" class= "solution">解决方案</a>
					<ul class="solution">
						<li>
							<a href="vr+.html">VR实训室</a>
						</li>
						<li>
							<a href="vrLAB.html">VR实验室</a>
						</li>
						<li>
							<a href="vrShow.html">VR展示中心</a>
						</li>
					</ul>
				</div>
				<div>
					<a href="aboutUs.html" class = "aboutUs">关于我们</a>
					<ul class="aboutUs">
						<li>
							<a href="aboutUs.html">关于我们</a>
						</li>
						<li>
							<a href="joinUs.html">加入我们</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class = "nav_twoLevel"></div>
	</nav>
	<!-- 导航栏结束 -->
	<!-- banner开始 -->
	<div class="swiper-container">
	    <div class="swiper-wrapper">
	        <div class="swiper-slide">
	        	<img src="images/banner2.png" style = "width:100%"">
	        </div>
	        <div class="swiper-slide">
	        	<img src="images/banner1.jpg" style = "width:100%"">
	        </div>
	    </div>
	    <!-- 如果需要分页器 -->
	    <div class="swiper-pagination"></div>
	    
	    <!-- 如果需要导航按钮 -->
	    <div class="swiper-button-prev"></div>
	    <div class="swiper-button-next"></div>  
	</div>
	<!-- banner结束 -->
	<!-- 主体内容开始 -->
	<main>
		<div id = "vrDev">
			<div class = "vrDev_top">
				<span>多类型交互设备</span>
				<span>完善课程体系</span>
				<span>配套开发教材</span>
				<span>开源实训案例</span>
			</div>
			<div class = "vrDev_center">
				<h3>VR开发者套件</h3>
				<p>使高校开发者更深层次了解VR一体机各部件的硬件构造，在NibiruVR系统之上使用Nibiru VR SDK 自主开发VR应用。
					Nibiru使用一个简单却巧妙的方式，让在校生有机会真切接触到VR应用开发，按照自己的想法开发出一款只属于自己的VR应用。
				</p>
				<a href = "javascript:;"><img src="images/know_more.png"></a>
			</div>
			<div class = "vrDev_bottom">
				<img src="images/box.png">				
			</div>
		</div>
		<div id = "vrCon">
			<div>
				<h3>VR中控系统</h3>
				<p>VR中控系统包含PC端独立播控系统和配套一体机，管理员可以通过一台电脑同时控制多达250台一体机播放视频图片课件等功能</p>
				<a href = "javascript:;"><img src="images/know_more.png"></a>
			</div>
		</div>
		<div id="vrLAB">
			<div>
				<h3>VR实验室</h3>
				<p>VR实验室主要为学校研究VR技术及相关应用的实验基地，从硬件基础到软件底层，全方位学习了解VR</p>
				<a href = "javascript:;"><img src="images/know_more.png"></a>
			</div>
		</div>
		<div id = "vrTraining">
			<div>
				<h3>VR实训室</h3>
				<p>VR实训室为学校批量培训VR人才或者非VR方向专业了解本专业与VR如何结合提供了实训基础，为学生提供快速学习VR一整套方案</p>
				<a href = "javascript:;"><img src="images/know_more.png"></a>
			</div>
		</div>
		<div id="vrShow">
			<div>
				<h3>VR展示中心</h3>
				<p>VR展厅主要让学生可以了解VR，接触VR，在未来学生制作的优秀VR内容也可以呈现出来，是学校双创示范基地的优秀呈现形式。</p>
				<a href = "javascript:;"><img src="images/know_more.png"></a>
			</div>
		</div>
	</main>
	<!-- 主体内容结束 -->
	<!-- 底部开始 -->
	<footer>
		<h3>合作伙伴</h3>
		<div class = "left">
			<h4>关于睿诚华智</h4>
			<a href = "javascript:;">公司介绍</a>
			<a href = "javascript:;">加入我们</a>
		</div>
		<div class = "right">
			<h4>联系我们</h4>
			<p>电话 : 18994009598</p>
			<p>邮箱 : stim@rchztech.com</p>
			<p>地址 : 南京市华博智慧园</p>
		</div>
	</footer>
	<!-- 底部结束 -->
</body>
	<script type="text/javascript" src = "js/jquery-1.12.0.js"></script>
	<script type="text/javascript" src = "js/swiper-3.4.2.jquery.min.js"></script>
	<script type="text/javascript" src = "js/global.js"></script>
<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    // direction: 'align',
    loop: true,
    autoplay:3500,
    effect : 'fade',
    
    // 如果需要分页器
    pagination: '.swiper-pagination',
    
    // 如果需要前进后退按钮
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    

  });
  </script>
</html>